// //flex布局复用
// @mixin flex($fd:row,$hov:space-between,$col:center){
//     display: flex;
//     flex-direction: $fd;
//     align-items: $col;
//     justify-content: $hov;
// }

// //背景图片复用
// @mixin bgImg($w:0,$h:0,$img:'',$size:contain){
//     display: inline-block;
//     width: $w;
//     height: $h;
//     background: url($img) no-repeat center;
//     background-size: $size;
// }

// @mixin position($pos:absolute,$top:0,$left:0,$w:100%,$h:100%){
//     position: $pos;
//     top: $top;
//     left: $left;
//     width: $w;
//     height: $h;
// }

// @mixin positionImg($pos:absolute,$top:0,$right:0,$w:0,$h:0,$img:'',$size:contain){
//     position: $pos;
//     top:$top;
//     right: $right;
//     width: $w;
//     height: $h;
//     background: url($img) no-repeat center;
//     background-size: $size;
// }
//flex布局参数
@mixin flex($fd:row,$hov:center,$col:space-between){
    display:flex;
    justify-content:$col;
    align-items:$hov;
    flex-direction:$fd;
};
@mixin bgImg($h:0,$w:0,$img:'',$size:contain){
    height: $h;
     width: $w;
     display: inline-block;
     background: url($img) no-repeat center;
     background-size: $size;
}
@mixin position($pos:absolute,$top:0,$left:0,$w:100%,$h:100%){
    position:$pos;
    top:$top;
    left:$left;
    width:$w;
    height:$h;
}
@mixin positionImg($pos:absolute,$top:0,$right:0,$h:0,$w:0,$img:'',$size:contain){
    position:$pos;
    top:$top;
    right:$right;
    height: $h;
    width: $w;
     background: url($img) no-repeat center;
     background-size: $size;
}

